body,html {
	height: 100%;
	background: #fff;
}
.ranking_header {
	position: relative;
	height: 1.34rem;
	padding: 0 4%;
	background: #0db664;
	border-bottom: 1px solid #e6e6e6;
}
.back_btn {
	position: absolute;
	left: 5%;
	width: 10%;
	height: 1.34rem;
	background: url(../../img/cow/back_btn.png) no-repeat 0 center;
	background-size: 0.48rem 0.48rem;
}
.ranking_header p {
	font-size: 0.48rem;
	color: #ffffff;
	text-align: center;
	line-height: 1.34rem;
}
.pos_box {
	overflow: hidden;
	padding: 0 4%;
}
.pos_box > div {
	float: left;
	height: 1.6rem;
	padding-left: 0.67rem;
	background: url(../../img/cow/position.png) no-repeat 0 center;
	background-size: 0.44rem 0.587rem;
	font-size: 0.4rem;
	color: #333333;
	line-height: 0.8rem;
}
.pos_box > div > p {
	font-size: 0.4rem;
	color: #333333;
	line-height: 0.8rem;
}
.pos_box > div > p > span {
	padding-left: 0.4rem;
}
.pos_box > p {
	float: right;
	width: 0.16rem;
	height: 1.6rem;
	background: url(../../img/cow/personal_information6.png) no-repeat center;
	background-size: 0.16rem 0.29rem;
}
.gray {
	height: 0.267rem;
	background-color: #f2f2f2;
}
.pos_det {
	padding: 0 4% 1.35rem 4%;
}
.order_num {
	font-size: 0.32rem;
	color: #666666;
	line-height: 0.853rem;
}
.det_con {
	overflow: hidden;
}
.det_con > img {
	float: left;
	width: 20%;
}
.det_con > div {
	float: right;
	width: 76%;
} 
.con_tit {
	overflow: hidden;
    height: 0.43rem;
    margin-bottom: 0.3rem;
}
.con_tit > p {
	float: left;
	font-size: 0.37rem;
	color: #333333;
}
.con_tit > span {
	float: right;
	font-size: 0.37rem;
	color: #fd3a1a;
}
.det_con > div > p {
	height: 0.62rem;
	font-size: 0.32rem;
	color: #666;
}
.con_normal {
	height: 0.62rem;
	margin-bottom: 0.2rem;
	font-size: 0.32rem;
	color: #666;
}
.personal_box {
	overflow: hidden;
	height: 1.52rem;
}
.personal_box > span {
	float: left;
	width: 24%;
	font-size: 0.4rem;
	color: #333333;
	line-height: 1.52rem;
}
.personal_box > p {
	float: right;
	width: 0.16rem;
	height: 1.52rem;
	background: url(../../img/cow/personal_information6.png) no-repeat center;
	background-size: 0.16rem 0.29rem;
}
.name > div {
	float: left;
	font-size: 0.4rem;
	color: #333333;
	line-height: 1.52rem;
}
.buy_num {
	overflow: hidden;
	height: 1.07rem;
}
.buy_num > span {
	float: left;
	width: 24%;
	font-size: 0.4rem;
	color: #333333;
}
.buy_num > p {
	float: left;
	width: 22%;
	height: 0.667rem;
	font-size: 0.4rem;
	color: #333333;
	border: 1px solid #cccccc;
}
.buy_num > p > input {
	display: block;
	width: 92%;
	height: 100%;
	padding: 0 4%;
	border: none;
	outline: none;
}
.buy_num > div {
	float: left;
	height: 0.667rem;
	padding-left: 0.267rem;
	font-size: 0.4rem;
	color: #333333;
	line-height: 0.667rem;
}
.buy_num > div > span {
	padding-left: 0.667rem;
	font-size: 0.32rem;
	color: #999999;
}
.textarea_box > span {
	float: left;
	width: 24%;
	font-size: 0.4rem;
	color: #333333;
}
.clear {
	clear: both;
}
.textarea_box {
	height: 100px;
	padding-bottom: 0.3rem;
}
.textarea_box > div {
	float: right;
	width: 76%;
	margin: 0!important;
	font-size: 0.34rem!important;
	color: #333333!important;
}
/*底部*/
.product_btm {
	overflow: hidden;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 1.33rem;
	font-size: 0.48rem;
	color: #fff;
	text-align: center;
	line-height: 1.33rem;
	border-top: 1px solid #e5e5e5;
}
.product_btm .phone {
	float: left;
	width: 50%;
	background: #fff;
	font-size: 0.4rem;
	color: #333333;
}
.product_btm .phone > span {
	font-size: 0.48rem;
	color: #fd3a1a;
}
.product_btm .buy {
	float: left;
	width: 50%;
	background: #ff6d00;
}